import React from 'react';
import {Avatar,Divider,Input,List,Button} from 'antd';
import {Link} from 'react-router-dom'
const data = [
    {
        title: 'Ant Design Title 1',
    },
    {
        title: 'Ant Design Title 2',
    },
    {
        title: 'Ant Design Title 3',
    },
    {
        title: 'Ant Design Title 4',
    },
];
class FindPerson extends React.Component{
    render(){
        return (
            <div>
                <Divider orientation="left">查找好友</Divider>
                <Input />
                <List
                    itemLayout="horizontal"
                    dataSource={data}
                    renderItem={item => (
                        <List.Item>
                            <List.Item.Meta
                                avatar={<Avatar src="https://zos.alipayobjects.com/rmsportal/ODTLcjxAfvqbxHnVXCYX.png" />}
                                title={
                                    <Link to="/app/chat/index">
                                        {item.title}
                                    </Link>
                                }
                                description="hello"
                            />
                            <Button>添加</Button>
                        </List.Item>
                    )}
                />
            </div>
        )
    }
}
export default FindPerson;
